/* 隐藏侧边栏 */
    .sidebar {
      display: none;
    }

    /* 调整主内容区布局 */
    .main-content {
      grid-template-columns: 1fr;
      padding-top: 0;
    }

    /* 登录页面专属样式 */
    .auth-container {
      display: flex;
      justify-content: center;
      align-items: center;
      min-height: calc(100vh - 150px); /* 减少底部空间 */
      padding: 5rem 1rem 2rem; /* 增加顶部内边距 */
    }

    .auth-card {
      background: rgba(26, 26, 46, 0.85); /* 增加不透明度 */
      border-radius: 20px; /* 增大圆角 */
      padding: 3rem; /* 增加内边距 */
      width: 100%;
      max-width: 600px; /* 增大宽度 */
      box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4); /* 增强阴影 */
      border: 1px solid rgba(52, 152, 219, 0.3); /* 边框颜色调整 */
      backdrop-filter: blur(12px); /* 增强模糊效果 */
      animation: fadeIn 0.6s ease-out;
      position: relative;
      overflow: hidden;
      margin-top: -50px; /* 向上移动 */
    }

    /* 装饰性背景元素 */
    .auth-card::before {
      content: "";
      position: absolute;
      top: -50px;
      right: -50px;
      width: 150px;
      height: 150px;
      border-radius: 50%;
      background: radial-gradient(circle, var(--primary) 0%, transparent 70%);
      opacity: 0.2;
      z-index: -1;
    }

    .auth-card::after {
      content: "";
      position: absolute;
      bottom: -50px;
      left: -50px;
      width: 200px;
      height: 200px;
      border-radius: 50%;
      background: radial-gradient(circle, var(--accent) 0%, transparent 70%);
      opacity: 0.2;
      z-index: -1;
    }

    .auth-header {
      text-align: center;
      margin-bottom: 2.5rem; /* 增加间距 */
    }

    .auth-header h2 {
      font-size: 2.2rem; /* 增大字体 */
      margin-bottom: 0.8rem; /* 增加间距 */
      color: var(--light);
    }

    .auth-header p {
      color: var(--gray);
      font-size: 1.1rem; /* 增大字体 */
    }

    .auth-form .form-group {
      margin-bottom: 1.8rem; /* 增加间距 */
      position: relative;
    }

    .auth-form .form-group label {
      display: block;
      margin-bottom: 0.8rem; /* 增加间距 */
      font-weight: 500;
      color: var(--light);
      font-size: 1.1rem; /* 增大字体 */
    }

    .input-with-icon {
      position: relative;
    }

    .input-with-icon i {
      position: absolute;
      left: 20px; /* 调整位置 */
      top: 50%;
      transform: translateY(-50%);
      color: var(--primary);
      font-size: 1.2rem; /* 增大图标 */
    }

    .auth-form input {
      width: 100%;
      padding: 1.1rem 1.5rem 1.1rem 3.5rem; /* 增大内边距 */
      border-radius: 10px; /* 增大圆角 */
      border: 1px solid rgba(255, 255, 255, 0.15);
      background: rgba(44, 62, 80, 0.5); /* 加深背景 */
      color: var(--light);
      font-size: 1.1rem; /* 增大字体 */
      transition: var(--transition);
    }

    .auth-form input:focus {
      outline: none;
      border-color: var(--primary);
      box-shadow: 0 0 0 4px rgba(52, 152, 219, 0.4); /* 增强聚焦效果 */
    }

    .auth-form input::placeholder {
      color: #95a5a6;
    }

    .remember-forgot {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 1.8rem; /* 增加间距 */
      font-size: 1.05rem; /* 增大字体 */
    }

    .remember-me {
      display: flex;
      align-items: center;
      gap: 0.8rem; /* 增加间距 */
    }

    .remember-me input {
      width: auto;
      transform: scale(1.2); /* 增大复选框 */
    }

    .remember-me label {
      font-size: 1.05rem; /* 增大字体 */
    }

    .forgot-password {
      color: var(--primary);
      text-decoration: none;
      transition: var(--transition);
      font-size: 1.05rem; /* 增大字体 */
    }

    .forgot-password:hover {
      text-decoration: underline;
    }

    .btn-primary:hover {
      transform: translateY(-3px);
      box-shadow: 0 8px 20px rgba(52, 152, 219, 0.5); /* 增强阴影 */
    }

    .btn-google {
      background: rgba(255, 255, 255, 0.12);
      color: var(--light);
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 15px; /* 增加间距 */
      border: 1px solid rgba(255, 255, 255, 0.15);
      font-size: 1.1rem; /* 增大字体 */
    }

    .btn-google:hover {
      background: rgba(255, 255, 255, 0.2);
      border-color: rgba(255, 255, 255, 0.25);
    }

    .auth-footer {
      text-align: center;
      margin-top: 2rem; /* 增加间距 */
      color: var(--gray);
      font-size: 1.05rem; /* 增大字体 */
    }

    .auth-footer a {
      color: var(--primary);
      text-decoration: none;
      font-weight: 500;
      margin-left: 5px;
      transition: var(--transition);
    }

    .auth-footer a:hover {
      text-decoration: underline;
    }

    .divider {
      display: flex;
      align-items: center;
      margin: 2rem 0; /* 增加间距 */
      color: var(--gray);
      font-size: 1.05rem; /* 增大字体 */
    }

    .divider::before,
    .divider::after {
      content: '';
      flex: 1;
      border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    }

    .divider span {
      padding: 0 1.2rem; /* 增加间距 */
    }

    .password-toggle {
      position: absolute;
      right: 20px; /* 调整位置 */
      top: 50%;
      transform: translateY(-50%);
      color: var(--gray);
      cursor: pointer;
      transition: var(--transition);
      font-size: 1.2rem; /* 增大图标 */
    }

    .password-toggle:hover {
      color: var(--primary);
      transform: translateY(-50%) scale(1.1); /* 添加悬停效果 */
    }

    @keyframes fadeIn {
      from { opacity: 0; transform: translateY(30px); }
      to { opacity: 1; transform: translateY(0); }
    }

/* 邮箱验证码输入组 */
.email-input-group {
  display: flex;
  gap: 10px;
}

.email-input-group .input-with-icon {
  flex: 1;
}

.btn-verify {
  background: var(--accent);
  color: white;
  border: none;
  padding: 0 1.5rem;
  border-radius: 10px;
  cursor: pointer;
  transition: var(--transition);
  white-space: nowrap;
}

.btn-verify:hover {
  background: #8e44ad;
}